<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>EasyShare-相关文章</title>
    <link rel="icon" href="/favicon.ico" th:href="@{/favicon.ico}" sizes="32x32">
    <link href="/css/main/bootstrap.min.css" th:href="@{/css/main/bootstrap.min.css}" rel="stylesheet">
    <link href="/css/main/index-style.css" th:href="@{/css/main/index-style.css}" rel="stylesheet">
    <link href="/css/main/index-nprogress.css" th:href="@{/css/main/index-nprogress.css}" rel="stylesheet">
    <link href="/css/main/sidebar-canvi.css" th:href="@{/css/main/sidebar-canvi.css}" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="/js/main/html5shiv.min.js" type="text/javascript" th:href="@{/js/main/html5shiv.min.js}"></script>
    <script src="/js/main/respond.min.js" type="text/javascript" th:href="@{/js/main/respond.min.js}"></script>
    <script src="/js/main/selectivizr-min.js" type="text/javascript" th:href="@{/js/main/selectivizr-min.js}"></script>
    <![endif]-->
    <meta name="Keywords" content=""/>
    <meta name="description" content=""/>
    <style type="text/css">
        .androidMainImg {
            width: auto;
            height: auto;
        }

        .windowsMainImg {
            width: 730px;
            height: 410px;
        }
    </style>
    <script type="text/javascript">
        //判断浏览器是否支持HTML5
        // window.onload = function () {
        //     if (!window.applicationCache) {
        //         window.location.href = "/ie";
        //     }
        // }
    </script>
</head>

<body>
<aside th:replace="~{commons/sidebar :: sidebar}"></aside>
<section class="container user-select">
    <header th:replace="~{commons/leftbar :: leftbar}"></header>
    <!--/超小屏幕可见-->
    <div class="content-wrap"><!--内容-->
        <div class="content">
            <div class="content-block new-content" th:if="${relevantArticles.size()!=0}">
                <h2 class="title"><strong>[[${columnName}]]相关</strong></h2>
                <div class="row">
                    <div class="news-list" th:each="relevantArticle:${relevantArticles}">
                        <div class="news-img col-xs-5 col-sm-5 col-md-4"><a target="_blank" href="javascript:;"
                                                                            th:href="'/article/show/'+${relevantArticle.getArticleid()}"><img
                                src="/img/main/logo.jpg" alt="ArticleImg" th:src="${relevantArticle.getArticlecover()}">
                        </a></div>
                        <div class="news-info col-xs-7 col-sm-7 col-md-8">
                            <dl>
                                <dt><a href="javascript:;"
                                       th:href="'/article/show/'+${relevantArticle.getArticleid()}" target="_blank"
                                       th:text="${relevantArticle.getArticletitle()}"> EasyShare技术博客正式上线！ </a></dt>
                                <dd><span class="name"><a href="javascript:;"
                                                          th:href="'/page/about?visitor=1&uname='+${relevantArticle.getArticleauthor()}"
                                                          th:text="${relevantArticle.getArticleauthor()}">EasyShare</a></span>
                                    <span
                                            class="identity"></span> <span class="time"
                                                                           th:text="${#dates.format(relevantArticle.getArticlecreatetime(),'yyyy-MM-dd HH:mm:ss')}"> 0000-00-00 00:00:00 </span>
                                </dd>
                                <dd class="text" th:text="'来源：'+${relevantArticle.getArticlesource()}">
                                    xxx
                                </dd>
                                <dd class="text"
                                    th:text="'来源路径：'+${relevantArticle.getArticlesourcehref() eq null||relevantArticle.getArticlesourcehref() eq ''?'无':relevantArticle.getArticlesourcehref()}">
                                    xxx
                                </dd>
                            </dl>
                            <div class="text news_bot col-sm-7 col-md-8"><span class="tags visible-lg visible-md"> <a
                                    href="javascript:;" th:each="tag:${relevantArticle.getArticletaglist()}"
                                    th:text="${tag}">本站</a> </span> <span
                                    class="look"> 共 <strong
                                    th:text="${relevantArticle.getArticleaudiences()}">000</strong> 人围观</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-block new-content" th:if="${relevantArticles.size()==0}">
                <h2 class="title"><strong>暂无[[${columnName}]]相关的东西</strong></h2>
            </div>
        </div>
    </div>
    <!--/内容-->
    <div th:replace="~{commons/rightbar :: rightbar}"></div>
    <!--/右侧>992px显示-->
    <footer th:replace="~{commons/footer :: footer}"></footer>
</section>
<div><a href="javascript:;" class="gotop" style="display:none;"></a></div>
<!--/返回顶部-->
<script src="/js/jquery-3.1.1.min.js" type="text/javascript" th:src="@{/js/jquery-3.1.1.min.js}"></script>
<script src="/js/main/bootstrap.min.js" type="text/javascript" th:src="@{/js/main/bootstrap.min.js}"></script>
<script src="/js/main/nprogress.js" type="text/javascript" th:src="@{/js/main/nprogress.js}"></script>
<script src="/js/main/index-code.js" type="text/javascript" th:src="@{/js/main/index-code.js}"></script>
</body>
</html>